<template>
    <div class="app-container">
        <div class="title">账户基本信息</div>
        <el-divider></el-divider>
        <div class="item">
            <label>用户编号：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>用户名：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>绑定手机号：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>账户状态：</label>
            <div class="value">{{row.title}}</div>
        </div>
    
        <div class="title">药店信息</div>
        <el-divider></el-divider>
        <div class="item">
            <label>终端客户名称：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>所属区域：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>详细地址：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>负责人：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>企业性质：</label>
            <div class="value">{{row.title}}</div>
        </div>
    
        <div class="title">收货信息</div>
        <el-divider></el-divider>
        <div class="item">
            <label>收货人：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>收货电话：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>收货区域：</label>
            <div class="value">{{row.title}}</div>
        </div>
        <div class="item">
            <label>收货详细地址：</label>
            <div class="value">{{row.title}}</div>
        </div>
    
        <div class="title">证件信息</div>
        <el-divider></el-divider>
        <ul>
            <li>
                <div class="imgbox">
                    <img :src="row.src" alt="" clickable title="营业执照">
                </div>
                <p>营业执照</p>
            </li>
            <li>
                <div class="imgbox">
                    <img :src="row.src" alt="" clickable title="营业执照">
                </div>
                <p>GPS证书</p>
            </li>
            <li>
                <div class="imgbox">
                    <img :src="row.src" alt="" clickable title="营业执照">
                </div>
                <p>药品经营许可证</p>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "check",
        data() {
            return {
                row: {
                    src: require('@/assets/404_images/404.png')
                }
            }
        },
        mounted() {
            this.init()
        },
        methods:{
            init() {
                this.row = Object.assign({ id: this.$route.params.id, title: this.$route.params.title }, this.row)
            }
        }
    }
</script>

<style scoped>
    *{list-style: none;}
    .app-container{font-size: 14px;}
    .item{display: inline-block;margin-bottom: 15px;}
    label{color: #a5a5a5;width: 120px;display: inline-block;text-align: right;}
    .value{color: #333333;width: 240px;display: inline-block;}
    ul:after{display: block;content: '';width: 100%;height: 0;clear: both;}
    ul li{float: left;margin-right: 20px;}
    .imgbox{width: 260px;height: 260px;text-align: center;line-height: 260px;}
    .imgbox img{vertical-align: middle;max-width: 100%;max-height: 100%;}
    p{text-align: center;}
</style>
